<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .box{
            /*width: 300px;*/
            height: 300px;
            border: 1px solid red;
        }
        /*默认是基于文字的基线对其*/
        /*改变行内元素垂直方向上的对其方式*/
        .box img{
            vertical-align: 20px;


        }
        /*vertical-align 只针对行内元素生效，在垂直方向上设置对其，一般做微调*/
        /*text-align*/
        .box .baidu{
            vertical-align: -4px;
            text-decoration:none;
        }

    </style>
</head>
<body>
    <div class="box">
        文本信息xxxxABDC <img src="./imgs/fj.jpg" alt=""> <input type="text" placeholder="输入用户名"> <a class="baidu" href="">百度</a>
    </div>
</body>
</html>